<extend name="Application/Home/View/Layout/application.html" />
<block name="css">
    <link href="__PUBLIC__/css/comment.css" rel="stylesheet" type="text/css">
</block>
<block name="content">
    <div class="left col-md-8">

        <!----简介-------->

        <div class="top ">
            <div class="bs-example " data-example-id="default-media">
                <div class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" data-sr c="holder.js/64x64" alt="64x64" style="width: 220px; height: 380px;" src="{{$a.thumb}}" data-holder-rendered="true">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><p>片名：{{$a.title}}</p></h4>
                        <div >
                        <p>概述</p>
                            {{$a.category_content|htmlspecialchars_decode}}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!------编辑器------>
        <div class="editor " >
            <form method="post" action="{{:U('comment')}}">
                <input type="hidden" name="article_id" value="{{$a.id}}" >
                <script id="container" name="content" type="text/plain">

                </script>
                <input type="submit" style="top: 20px;">
            </form>
            <!-- 配置文件 -->
            <script type="text/javascript" src="__PUBLIC__/ueditor-php/utf8-php/ueditor.config.js"></script>
            <!-- 编辑器源码文件 -->
            <script type="text/javascript" src="__PUBLIC__/ueditor-php/utf8-php/ueditor.all.js"></script>
            <!-- 实例化编辑器 -->
            <script type="text/javascript">
                var ue = UE.getEditor('container');
            </script>
        </div>
    </div>

    <div class="right col-md-4">
        <div class="comment">
            <!-- -------------摇奖排行榜---------------  -->
            <div class="Top_Record">
                <div class="record_Top"><p>影片评论</p></div>
                <div class="topRec_List">
                    <dl>
                        <dd>用户名</dd>
                        <dd>评论</dd>
                    </dl>
                    <div class="maquee">
                        <ul>
                            <volist name="comments" id="c">
                                <li>
                                        <div>XXX</div>
                                        <div>{{$c.content|htmlspecialchars_decode}}</div>
                                </li>
                            </volist>
                        </ul>
                    </div>
                </div>
            </div>

            <!------滚动框
            <div class="apple">
                <ul>
                    <li><a href="#" target="_blank">你是我的小丫小苹果 </a></li>
                    <li><a href="#" target="_blank">怎么爱你都不嫌多</a></li>
                    <li><a href="#" target="_blank">红红的小脸儿温暖我的心窝 </a></li>
                    <li><a href="#" target="_blank">点亮我生命的火 火火火火</a></li>
                    <li><a href="#" target="_blank">你是我的小丫小苹果 </a></li>
                    <li><a href="#" target="_blank">就像天边最美的云朵</a></li>
                    <li><a href="#" target="_blank">春天又来到了花开满山坡 </a></li>
                    <li><a href="#" target="_blank">种下希望就会收获</a></li>
                </ul>
            </div>
            ----->
        </div>
    </div>
</block>

<block name="js">
    <script type="text/javascript">
        function autoScroll(obj){
            $(obj).find("ul").animate({
                marginTop : "-39px"
            },500,function(){
                $(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
            })
        }
        $(function(){
            setInterval('autoScroll(".maquee")',3000);
            setInterval('autoScroll(".apple")',2000);

        })

    </script>
</block>
